<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Table Basic - srtdash</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/png" href="assets/images/icon/favicon.ico">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/themify-icons.css">
    <link rel="stylesheet" href="assets/css/metisMenu.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/slicknav.min.css">
    <!-- amchart css -->
    <link rel="stylesheet" href="assets/css/export.css" type="text/css" media="all" />
    <!-- others css -->
    <link rel="stylesheet" href="assets/css/typography.css">
    <link rel="stylesheet" href="assets/css/default-css.css">
    <link rel="stylesheet" href="assets/css/styles.css">
    <link rel="stylesheet" href="assets/css/responsive.css">
    <!-- modernizr css -->
    <script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- preloader area start -->
<div id="preloader">
    <div class="loader"></div>
</div>
<!-- preloader area end -->
<!-- page container area start -->
<div class="page-container">
    <!-- sidebar menu area start -->
    <div class="sidebar-menu">
        <div class="sidebar-header">
            <div class="logo">
                <a href="main.jsp"><h5>胸腺外科管理</h5></a>
            </div>
        </div>
        <div class="main-menu">
            <div class="menu-inner">
                <nav>
                    <ul class="metismenu" id="menu">
                        <li>
                            <a href="javascript:void(0)" aria-expanded="true"><i class="fa fa-table"></i>
                                <span>用户管理</span></a>
                            <ul class="collapse">
                                <li><a href="user-addition.jsp">添加信息</a></li>
                                <li><a href="users-table.jsp">用户信息</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="javascript:void(0)" aria-expanded="true"><i class="fa fa-table"></i>
                                <span>科室管理</span></a>
                            <ul class="collapse">
                                <li><a href="department-addition.jsp">添加信息</a></li>
                                <li><a href="department-table.jsp">排班信息</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="javascript:void(0)" aria-expanded="true"><i class="fa fa-table"></i>
                                <span>医护管理</span></a>
                            <ul class="collapse">
                                <li><a href="medical-addition.jsp">添加信息</a></li>
                                <li><a href="medical-table.jsp">医护信息</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="javascript:void(0)" aria-expanded="true"><i class="fa fa-table"></i>
                                <span>病房管理</span></a>
                            <ul class="collapse">
                                <li><a href="sickroom-addition.jsp">添加信息</a></li>
                                <li><a href="sickroom-table.jsp">病房信息</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="javascript:void(0)" aria-expanded="true"><i class="fa fa-table"></i>
                                <span>医嘱管理</span></a>
                            <ul class="collapse">
                                <li><a href="advice-addition.jsp">添加信息</a></li>
                                <li><a href="advice-table.jsp">医嘱信息</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="javascript:void(0)" aria-expanded="true"><i class="fa fa-table"></i>
                                <span>病历管理</span></a>
                            <ul class="collapse">
                                <li><a href="record-addition.jsp">添加信息</a></li>
                                <li><a href="record-table.jsp">病历信息</a></li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
    <!-- sidebar menu area end -->
    <!-- main content area start -->
    <div class="main-content">
        <div class="page-title-area">
            <div class="row align-items-center">
                <div class="col-sm-6">
                    <div class="nav-btn pull-left">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <div class="breadcrumbs-area clearfix">
                        <h4 class="page-title pull-left">胸腺外科管理系统</h4>
                    </div>
                </div>
                <div class="col-sm-6 clearfix">
                    <div class="user-profile pull-right">
                        <img class="avatar user-thumb" src="../../html1/moban4448/assets/images/author/avatar.png" alt="avatar">
                        <h4 class="user-name dropdown-toggle" data-toggle="dropdown">用户<i class="fa fa-angle-down"></i></h4>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="#">管理员</a>
                            <a class="dropdown-item" href="#">医护</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- page title area end -->
        <div class="main-content-inner">
            <!-- sales report area start -->
            <div class="sales-report-area mt-5 mb-5">
                <div class="row">
                    <div class="col-md-4">
                        <div class="single-report mb-xs-30">
                            <div class="s-report-inner pr--20 pt--30 mb-3">
                                <div class="icon"><i class="fa fa-btc"></i></div>
                                <div class="s-report-title d-flex justify-content-between">
                                    <h4 class="header-title mb-0">Bitcoin</h4>
                                    <p>24 H</p>
                                </div>
                                <div class="d-flex justify-content-between pb-2">
                                    <h2>$ 4567809,987</h2>
                                    <span>- 45.87</span>
                                </div>
                            </div>
                            <canvas id="coin_sales1" height="100"></canvas>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="single-report mb-xs-30">
                            <div class="s-report-inner pr--20 pt--30 mb-3">
                                <div class="icon"><i class="fa fa-btc"></i></div>
                                <div class="s-report-title d-flex justify-content-between">
                                    <h4 class="header-title mb-0">Bitcoin Dash</h4>
                                    <p>24 H</p>
                                </div>
                                <div class="d-flex justify-content-between pb-2">
                                    <h2>$ 4567809,987</h2>
                                    <span>- 45.87</span>
                                </div>
                            </div>
                            <canvas id="coin_sales2" height="100"></canvas>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="single-report">
                            <div class="s-report-inner pr--20 pt--30 mb-3">
                                <div class="icon"><i class="fa fa-eur"></i></div>
                                <div class="s-report-title d-flex justify-content-between">
                                    <h4 class="header-title mb-0">Euthorium</h4>
                                    <p>24 H</p>
                                </div>
                                <div class="d-flex justify-content-between pb-2">
                                    <h2>$ 4567809,987</h2>
                                    <span>- 45.87</span>
                                </div>
                            </div>
                            <canvas id="coin_sales3" height="100"></canvas>
                        </div>
                    </div>
                </div>
            </div>
            <!-- sales report area end -->
            <!-- overview area start -->
            <div class="row">
                <div class="col-xl-9 col-lg-8">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center">
                                <h4 class="header-title mb-0">Overview</h4>
                                <select class="custome-select border-0 pr-3">
                                    <option selected>Last 24 Hours</option>
                                    <option value="0">01 July 2018</option>
                                </select>
                            </div>
                            <div id="verview-shart"></div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 coin-distribution">
                    <div class="card h-full">
                        <div class="card-body">
                            <h4 class="header-title mb-0">Coin Distribution</h4>
                            <div id="coin_distribution"></div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- overview area end -->
            <!-- market value area start -->
            <div class="row mt-5 mb-5">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-sm-flex justify-content-between align-items-center">
                                <h4 class="header-title mb-0">Market Value And Trends</h4>
                                <select class="custome-select border-0 pr-3">
                                    <option selected>Last 24 Hours</option>
                                    <option value="0">01 July 2018</option>
                                </select>
                            </div>
                            <div class="market-status-table mt-4">
                                <div class="table-responsive">
                                    <table class="dbkit-table">
                                        <tr class="heading-td">
                                            <td class="mv-icon">Logo</td>
                                            <td class="coin-name">Coin Name</td>
                                            <td class="buy">Buy</td>
                                            <td class="sell">Sells</td>
                                            <td class="trends">Trends</td>
                                            <td class="attachments">Attachments</td>
                                            <td class="stats-chart">Stats</td>
                                        </tr>
                                        <tr>
                                            <td class="mv-icon"><img src="../../html1/moban4448/assets/images/icon/market-value/icon1.png" alt="icon">
                                            </td>
                                            <td class="coin-name">Dashcoin</td>
                                            <td class="buy">30% <img src="../../html1/moban4448/assets/images/icon/market-value/triangle-down.png" alt="icon"></td>
                                            <td class="sell">20% <img src="../../html1/moban4448/assets/images/icon/market-value/triangle-up.png" alt="icon"></td>
                                            <td class="trends"><img src="../../html1/moban4448/assets/images/icon/market-value/trends-up-icon.png" alt="icon"></td>
                                            <td class="attachments">$ 56746,857</td>
                                            <td class="stats-chart">
                                                <canvas id="mvaluechart"></canvas>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="mv-icon">
                                                <div class="mv-icon"><img src="../../html1/moban4448/assets/images/icon/market-value/icon2.png" alt="icon"></div>
                                            </td>
                                            <td class="coin-name">LiteCoin</td>
                                            <td class="buy">30% <img src="../../html1/moban4448/assets/images/icon/market-value/triangle-down.png" alt="icon"></td>
                                            <td class="sell">20% <img src="../../html1/moban4448/assets/images/icon/market-value/triangle-up.png" alt="icon"></td>
                                            <td class="trends"><img src="../../html1/moban4448/assets/images/icon/market-value/trends-down-icon.png" alt="icon"></td>
                                            <td class="attachments">$ 56746,857</td>
                                            <td class="stats-chart">
                                                <canvas id="mvaluechart2"></canvas>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="mv-icon">
                                                <div class="mv-icon"><img src="../../html1/moban4448/assets/images/icon/market-value/icon3.png" alt="icon"></div>
                                            </td>
                                            <td class="coin-name">Euthorium</td>
                                            <td class="buy">30% <img src="../../html1/moban4448/assets/images/icon/market-value/triangle-down.png" alt="icon"></td>
                                            <td class="sell">20% <img src="../../html1/moban4448/assets/images/icon/market-value/triangle-up.png" alt="icon"></td>
                                            <td class="trends"><img src="../../html1/moban4448/assets/images/icon/market-value/trends-up-icon.png" alt="icon"></td>
                                            <td class="attachments">$ 56746,857</td>
                                            <td class="stats-chart">
                                                <canvas id="mvaluechart3"></canvas>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="mv-icon">
                                                <div class="mv-icon"><img src="../../html1/moban4448/assets/images/icon/market-value/icon4.png" alt="icon"></div>
                                            </td>
                                            <td class="coin-name">Bitcoindash</td>
                                            <td class="buy">30% <img src="../../html1/moban4448/assets/images/icon/market-value/triangle-down.png" alt="icon"></td>
                                            <td class="sell">20% <img src="../../html1/moban4448/assets/images/icon/market-value/triangle-up.png" alt="icon"></td>
                                            <td class="trends"><img src="../../html1/moban4448/assets/images/icon/market-value/trends-up-icon.png" alt="icon"></td>
                                            <td class="attachments">$ 56746,857</td>
                                            <td class="stats-chart">
                                                <canvas id="mvaluechart4"></canvas>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- market value area end -->
            <!-- row area start -->
            <div class="row">
                <!-- Live Crypto Price area start -->
                <div class="col-lg-4">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="header-title">Live Crypto Price</h4>
                            <div class="cripto-live mt-5">
                                <ul>
                                    <li>
                                        <div class="icon b">b</div> Bitcoin<span><i class="fa fa-long-arrow-up"></i>$876909.00</span></li>
                                    <li>
                                        <div class="icon l">l</div> Litecoin<span><i class="fa fa-long-arrow-up"></i>$29780.00</span></li>
                                    <li>
                                        <div class="icon d">d</div> Dashcoin<span><i class="fa fa-long-arrow-up"></i>$13276.00</span></li>
                                    <li>
                                        <div class="icon b">b</div> Bitcoindash<span><i class="fa fa-long-arrow-down"></i>$5684.890</span></li>
                                    <li>
                                        <div class="icon e">e</div> Euthorium<span><i class="fa fa-long-arrow-down"></i>$3890.98</span></li>
                                    <li>
                                        <div class="icon t">b</div> Tcoin<span><i class="fa fa-long-arrow-up"></i>$750.789</span></li>
                                    <li>
                                        <div class="icon b">b</div> Bitcoin<span><i class="fa fa-long-arrow-up"></i>$325.037</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Live Crypto Price area end -->
                <!-- trading history area start -->
                <div class="col-lg-8 mt-sm-30 mt-xs-30">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-sm-flex justify-content-between align-items-center">
                                <h4 class="header-title">Trading History</h4>
                                <div class="trd-history-tabs">
                                    <ul class="nav" role="tablist">
                                        <li>
                                            <a class="active" data-toggle="tab" href="#buy_order" role="tab">Buy Order</a>
                                        </li>
                                        <li>
                                            <a data-toggle="tab" href="#sell_order" role="tab">Sell Order</a>
                                        </li>
                                    </ul>
                                </div>
                                <select class="custome-select border-0 pr-3">
                                    <option selected>Last 24 Hours</option>
                                    <option value="0">01 July 2018</option>
                                </select>
                            </div>
                            <div class="trad-history mt-4">
                                <div class="tab-content" id="myTabContent">
                                    <div class="tab-pane fade show active" id="buy_order" role="tabpanel">
                                        <div class="table-responsive">
                                            <table class="dbkit-table">
                                                <tr class="heading-td">
                                                    <td>Trading ID</td>
                                                    <td>Time</td>
                                                    <td>Status</td>
                                                    <td>Amount</td>
                                                    <td>Last Trade</td>
                                                </tr>
                                                <tr>
                                                    <td>78211</td>
                                                    <td>4.00 AM</td>
                                                    <td>Pending</td>
                                                    <td>$758.90</td>
                                                    <td>$05245.090</td>
                                                </tr>
                                                <tr>
                                                    <td>782782</td>
                                                    <td>4.00 AM</td>
                                                    <td>Pending</td>
                                                    <td>$77878.90</td>
                                                    <td>$7778.090</td>
                                                </tr>
                                                <tr>
                                                    <td>89675978</td>
                                                    <td>4.00 AM</td>
                                                    <td>Pending</td>
                                                    <td>$0768.90</td>
                                                    <td>$0945.090</td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="sell_order" role="tabpanel">
                                        <div class="table-responsive">
                                            <table class="dbkit-table">
                                                <tr class="heading-td">
                                                    <td>Trading ID</td>
                                                    <td>Time</td>
                                                    <td>Status</td>
                                                    <td>Amount</td>
                                                    <td>Last Trade</td>
                                                </tr>
                                                <tr>
                                                    <td>8964978</td>
                                                    <td>4.00 AM</td>
                                                    <td>Pending</td>
                                                    <td>$445.90</td>
                                                    <td>$094545.090</td>
                                                </tr>
                                                <tr>
                                                    <td>89675978</td>
                                                    <td>4.00 AM</td>
                                                    <td>Pending</td>
                                                    <td>$78.90</td>
                                                    <td>$074852945.090</td>
                                                </tr>
                                                <tr>
                                                    <td>78527878</td>
                                                    <td>4.00 AM</td>
                                                    <td>Pending</td>
                                                    <td>$0768.90</td>
                                                    <td>$65465.090</td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- trading history area end -->
            </div>
            <!-- row area end -->
            <div class="row mt-5">
                <!-- latest news area start -->
                <div class="col-xl-6">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="header-title">Latest News</h4>
                            <div class="letest-news mt-5">
                                <div class="single-post mb-xs-40 mb-sm-40">
                                    <div class="lts-thumb">
                                        <img src="../../html1/moban4448/assets/images/blog/post-thumb1.jpg" alt="post thumb">
                                    </div>
                                    <div class="lts-content">
                                        <span>Admin Post</span>
                                        <h2><a href="blog.html">Sed ut perspiciatis unde omnis iste.</a></h2>
                                        <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some...</p>
                                    </div>
                                </div>
                                <div class="single-post">
                                    <div class="lts-thumb">
                                        <img src="../../html1/moban4448/assets/images/blog/post-thumb2.jpg" alt="post thumb">
                                    </div>
                                    <div class="lts-content">
                                        <span>Admin Post</span>
                                        <h2><a href="blog.html">Sed ut perspiciatis unde omnis iste.</a></h2>
                                        <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some...</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- latest news area end -->
                <!-- exchange area start -->
                <div class="col-xl-6 mt-md-30 mt-xs-30 mt-sm-30">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="header-title">Exchange</h4>
                            <div class="exhcange-rate mt-5">
                                <form action="#">
                                    <div class="input-form">
                                        <input type="text" value="0.76834">
                                        <span>BTC</span>
                                    </div>
                                    <div class="exchange-devider">To</div>
                                    <div class="input-form">
                                        <input type="text" value="5689.846">
                                        <span>USD</span>
                                    </div>
                                    <div class="exchange-btn">
                                        <button type="submit">Exchange Now</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- exchange area end -->
            </div>
            <!-- row area start-->
        </div>
    </div>
    <!-- main content area end -->
    <!-- footer area start-->
    <footer>
        <div class="footer-area">
            <p>胸腺外科管理系统</p>
        </div>
    </footer>
    <!-- footer area end-->
</div>
<!-- page container area end -->
<!-- offset area start -->
<div class="offset-area">
    <div class="offset-close"><i class="ti-close"></i></div>
    <ul class="nav offset-menu-tab">
        <li><a class="active" data-toggle="tab" href="#activity">Activity</a></li>
        <li><a data-toggle="tab" href="#settings">Settings</a></li>
    </ul>
    <div class="offset-content tab-content">
        <div id="activity" class="tab-pane fade in show active">
            <div class="recent-activity">
                <div class="timeline-task">
                    <div class="icon bg1">
                        <i class="fa fa-envelope"></i>
                    </div>
                    <div class="tm-title">
                        <h4>Rashed sent you an email</h4>
                        <span class="time"><i class="ti-time"></i>09:35</span>
                    </div>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse distinctio itaque at.
                    </p>
                </div>
                <div class="timeline-task">
                    <div class="icon bg2">
                        <i class="fa fa-check"></i>
                    </div>
                    <div class="tm-title">
                        <h4>Added</h4>
                        <span class="time"><i class="ti-time"></i>7 Minutes Ago</span>
                    </div>
                    <p>Lorem ipsum dolor sit amet consectetur.
                    </p>
                </div>
                <div class="timeline-task">
                    <div class="icon bg2">
                        <i class="fa fa-exclamation-triangle"></i>
                    </div>
                    <div class="tm-title">
                        <h4>You missed you Password!</h4>
                        <span class="time"><i class="ti-time"></i>09:20 Am</span>
                    </div>
                </div>
                <div class="timeline-task">
                    <div class="icon bg3">
                        <i class="fa fa-bomb"></i>
                    </div>
                    <div class="tm-title">
                        <h4>Member waiting for you Attention</h4>
                        <span class="time"><i class="ti-time"></i>09:35</span>
                    </div>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse distinctio itaque at.
                    </p>
                </div>
                <div class="timeline-task">
                    <div class="icon bg3">
                        <i class="ti-signal"></i>
                    </div>
                    <div class="tm-title">
                        <h4>You Added Kaji Patha few minutes ago</h4>
                        <span class="time"><i class="ti-time"></i>01 minutes ago</span>
                    </div>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse distinctio itaque at.
                    </p>
                </div>
                <div class="timeline-task">
                    <div class="icon bg1">
                        <i class="fa fa-envelope"></i>
                    </div>
                    <div class="tm-title">
                        <h4>Ratul Hamba sent you an email</h4>
                        <span class="time"><i class="ti-time"></i>09:35</span>
                    </div>
                    <p>Hello sir , where are you, i am egerly waiting for you.
                    </p>
                </div>
                <div class="timeline-task">
                    <div class="icon bg2">
                        <i class="fa fa-exclamation-triangle"></i>
                    </div>
                    <div class="tm-title">
                        <h4>Rashed sent you an email</h4>
                        <span class="time"><i class="ti-time"></i>09:35</span>
                    </div>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse distinctio itaque at.
                    </p>
                </div>
                <div class="timeline-task">
                    <div class="icon bg2">
                        <i class="fa fa-exclamation-triangle"></i>
                    </div>
                    <div class="tm-title">
                        <h4>Rashed sent you an email</h4>
                        <span class="time"><i class="ti-time"></i>09:35</span>
                    </div>
                </div>
                <div class="timeline-task">
                    <div class="icon bg3">
                        <i class="fa fa-bomb"></i>
                    </div>
                    <div class="tm-title">
                        <h4>Rashed sent you an email</h4>
                        <span class="time"><i class="ti-time"></i>09:35</span>
                    </div>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse distinctio itaque at.
                    </p>
                </div>
                <div class="timeline-task">
                    <div class="icon bg3">
                        <i class="ti-signal"></i>
                    </div>
                    <div class="tm-title">
                        <h4>Rashed sent you an email</h4>
                        <span class="time"><i class="ti-time"></i>09:35</span>
                    </div>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse distinctio itaque at.
                    </p>
                </div>
            </div>
        </div>
        <div id="settings" class="tab-pane fade">
            <div class="offset-settings">
                <h4>General Settings</h4>
                <div class="settings-list">
                    <div class="s-settings">
                        <div class="s-sw-title">
                            <h5>Notifications</h5>
                            <div class="s-swtich">
                                <input type="checkbox" id="switch1" />
                                <label for="switch1">Toggle</label>
                            </div>
                        </div>
                        <p>Keep it 'On' When you want to get all the notification.</p>
                    </div>
                    <div class="s-settings">
                        <div class="s-sw-title">
                            <h5>Show recent activity</h5>
                            <div class="s-swtich">
                                <input type="checkbox" id="switch2" />
                                <label for="switch2">Toggle</label>
                            </div>
                        </div>
                        <p>The for attribute is necessary to bind our custom checkbox with the input.</p>
                    </div>
                    <div class="s-settings">
                        <div class="s-sw-title">
                            <h5>Show your emails</h5>
                            <div class="s-swtich">
                                <input type="checkbox" id="switch3" />
                                <label for="switch3">Toggle</label>
                            </div>
                        </div>
                        <p>Show email so that easily find you.</p>
                    </div>
                    <div class="s-settings">
                        <div class="s-sw-title">
                            <h5>Show Task statistics</h5>
                            <div class="s-swtich">
                                <input type="checkbox" id="switch4" />
                                <label for="switch4">Toggle</label>
                            </div>
                        </div>
                        <p>The for attribute is necessary to bind our custom checkbox with the input.</p>
                    </div>
                    <div class="s-settings">
                        <div class="s-sw-title">
                            <h5>Notifications</h5>
                            <div class="s-swtich">
                                <input type="checkbox" id="switch5" />
                                <label for="switch5">Toggle</label>
                            </div>
                        </div>
                        <p>Use checkboxes when looking for yes or no answers.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- offset area end -->
<!-- jquery latest version -->
<script src="../../html1/moban4448/assets/js/vendor/jquery-2.2.4.min.js"></script>
<!-- bootstrap 4 js -->
<script src="../../html1/moban4448/assets/js/popper.min.js"></script>
<script src="../../html1/moban4448/assets/js/bootstrap.min.js"></script>
<script src="../../html1/moban4448/assets/js/owl.carousel.min.js"></script>
<script src="../../html1/moban4448/assets/js/metisMenu.min.js"></script>
<script src="../../html1/moban4448/assets/js/jquery.slimscroll.min.js"></script>
<script src="../../html1/moban4448/assets/js/jquery.slicknav.min.js"></script>

<!-- start chart js -->
<script src="../../html1/moban4448/assets/js/Chart.min.js"></script>
<!-- start highcharts js -->
<script src="../../html1/moban4448/assets/js/highcharts.js"></script>
<!-- start zingchart js -->
<script src="../../html1/moban4448/assets/js/zingchart.min.js"></script>
<script>
    zingchart.MODULESDIR = "assets/js/modules/";
    ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "ee6b7db5b51705a13dc2339db3edaf6d"];
</script>
<!-- all line chart activation -->
<script src="../../html1/moban4448/assets/js/line-chart.js"></script>
<!-- all pie chart -->
<script src="../../html1/moban4448/assets/js/pie-chart.js"></script>
<!-- others plugins -->
<script src="../../html1/moban4448/assets/js/plugins.js"></script>
<script src="../../html1/moban4448/assets/js/scripts.js"></script>
</body>

</html>

